﻿@model LetLord.Models.Landlord
@*<script src="~/Scripts/jquery-1.9.1.min.js"></script>*@
<div id="landlord">
    <div class="row-fluid">
        <div class="span4">
            <img src="http://placehold.it/180x180/e36b23/fff/&text=Profile&image" class="img-polaroid">
        </div>
        <div class="span8">
            <p>
                @Html.LabelFor(x => x.UserName, new { @class = "profile-info-heading" })
                : @Html.DisplayFor(x => x.UserName)
            </p>
            <p>
                @Html.LabelFor(x => x.FirstName, new { @class = "profile-info-heading" })
                : @Html.DisplayFor(x => x.FirstName)
            </p>
            <p>
                @Html.LabelFor(x => x.LastName, new { @class = "profile-info-heading" })
                : @Html.DisplayFor(x => x.LastName)
            </p>
            <p>
                @Html.LabelFor(x => x.Email, new { @class = "profile-info-heading" })
                : @Html.DisplayFor(x => x.Email)
            </p>
        </div>
    </div>
    <div class="row-fluid" style="padding-top:10px;">
        <a href="#" class="show-modal" role="button" data-toggle="modal">Edit profile information</a>
    </div>
</div>
<div class="modal hide fade in" id="edit-landlord-profile-details" data-url="/Landlords/LandlordDetails">
    <div id="edit-landlord-details-container"></div>
</div>

